<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>极速出行</title>
	</head>
	<body>
	</body>
</html>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>热门推荐</title>
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/iconfont.css" />
		<link rel="stylesheet" href="./css/swiper.min.css">
		<link rel="stylesheet" href="css/travel.css" />
		<style>
/** 分类及焦点图 **/
.column .xtx_entry {
  height: 500px;
  background-color: #f2f2f2;
  position: relative;
}

.column .xtx_category {
  width: 250px;
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  z-index: 9;
}


.column .xtx_category_super li {
  height: 50px;
  padding: 0 20px 0 40px;
  /* transition: background-color 0.25s; */
  cursor: pointer;
}

.column .xtx_category_super li:hover,
.column .xtx_category_super li.active {
  background-color: #27BA9B;
}

.column .xtx_category_super a {
  color: #fff;
  font-size: 16px;
  line-height: 50px;
}

.column .xtx_category_super a small {
  font-size: 14px;
}
.column .xtx_banner {
  width: 100%;
  height: 500px;
}
.column .xtx_banner img{
  widows: 98px;
  height: 500px;	
}
.column .xtx_banner .item{
	display: none;
}
.column .xtx_banner .active {
  display: block;
}

</style>
	</head>
	<body>
		<div class="xtx_topnav">
		  <div class="wrapper">
		    <!-- 顶部导航 -->
		    <ul class="xtx_navs">
		      <li>
		        <a href="./login.html">请先登录</a>
		      </li>
		      <li>
		        <a href="./register.html">免费注册</a>
		      </li>
		      <li>
		        <a href="javascript:;">我的订单</a>
		      </li>
		      <li>
		        <a href="javascript:;">会员中心</a>
		      </li>
		      <li>
		        <a href="javascript:;">帮助中心</a>
		      </li>
		      <li>
		        <a href="javascript:;">在线客服</a>
		      </li>
		      <li>
		        <a href="javascript:;">
		          <i class="mobile sprites"></i>
		          手机版
		        </a>
		      </li>
		    </ul>
		  </div>
		</div>
		<script>
			//首页渲染登录的用户名和退出登陆
			const li1 = document.querySelector('.xtx_navs li:first-child')
			const li2 = li1.nextElementSibling
			function render() {
				const uname = sessionStorage.getItem('xtx-uname')
				if (uname) {
					li1.innerHTML = `
							<a href='#'>
								<img src="./img/iconfont/daibiao.png" style="width:13px";height:'13px'/>&nbsp;
									${uname}
							</a>`
					li2.innerHTML = `<a href='#'>退出登陆</i></a>`
				} else {
					li1.innerHTML = `<a href='./login.html'>请先登录</a>`
					li2.innerHTML = `<a href='./register.html'>免费注册</a>`
				}
			}
			render()
			//退出登陆
			li2.addEventListener('click', function () {
				sessionStorage.removeItem('xtx-uname')
				render()
			})
		</script>
		<!-- 头部 -->
		<div class="xtx_header">
		  <div class="wrapper">
		    <!-- 网站Logo -->
		    <h1 class="xtx_logo"><a href="/">小兔鲜儿</a></h1>
		    <!-- 主导航 -->
		    <div class="xtx_navs">
		      <ul class="clearfix">
		        <li>
		          <a href="./index.html">首页</a>
		        </li>
		        <li>
		          <a href="recommend.html">热门推荐</a>
		        </li>
		        <li>
		          <a href="delicacy.html">当地美食</a>
		        </li>
		        <li>
		          <a href="travel.html">极速出行</a>
		        </li>
		        <li>
		          <a href="relation.html">社区广场</a>
		        </li>
				<li>
					<a href="youxue.html">我的游学</a>
				</li>
		      </ul>
		    </div>
		    <!-- 站内搜索 -->
		    <div class="xtx_search clearfix">
		      <!-- 购物车 -->
		      <a href="#" class="xtx_search_cart sprites">
		        <i>2</i>
		      </a>
		      <!-- 搜索框 -->
		      <div class="xtx_search_wrapper">
		        <input type="text" placeholder="搜一搜">
		      </div>
			  
		    </div>
			<div style="margin-left: 15px;">
				<i style="font-size: 24px;" class="iconfont icon-setting"></i>
			</div>
		  </div>
		</div>
		
		
        <div class="travel">
			<div class="travel-img">
				<img class="travel-img-one" src="img/ass.jpg"/>
				<div class="travel-img-two">
					<h1>想去哪儿 ？</h1>
					<div class="travel-img-twoBox">
						<div class="travel-imgBox">
							<input type="text" placeholder="搜索城市、国家、目的地..."/>
							<div class="travel-imgBox-o">GO</div>
						</div>
						<div class="travel-imgBoxs">
							<p><a href="javascript:;">北京</a></p>
							<p><a href="javascript:;">上海</a></p>
							<p><a href="javascript:;">香港</a></p>
							<p><a href="javascript:;">西安</a></p>
							<p><a href="javascript:;">厦门</a></p>
							<p><a href="javascript:;">杭州</a></p>
							<p><a href="javascript:;">丽江</a></p>
							<p><a href="javascript:;">泰国</a></p>
							<p><a href="javascript:;">马尔代夫</a></p>
							<p><a href="javascript:;">韩国</a></p>
							<p><a href="javascript:;">查看更多目的地>></a></p>
						</div>
					</div>
				</div>
			</div>
			
			<div style="width: 80%;height:100%;margin: 0 auto;">
			<div class="xtx-login-main">
			  <div class="wrapper">
			      <div class="boxa">
			        <div class="tab-nav">
						
			          <a href="javascript:;" class="active" data-id="0" style="font-size: 20px;">国内机票</a>
			          <div>
						  <a href="javascript:;" data-id="1" style="font-size: 20px;">国内车票</a>
						  <img src="img/tr2.png" style="width: 50px;margin-top: -3px;margin-left: -6px;" />
					  </div>
			          <p style="font-size: 15px;color: #999;display: flex;align-items: center;">我的订单></p>
			        </div>
			        <div class="tab-pane">
			          <div style="margin-top: 10px;">
							<span style="font-size: 17px;color: #666;">航程类型</span>
							<input type="radio" name="qq" value="单程" style="accent-color:#ee3388"/>
							<span style="font-weight: bold;color: #666;"><a href="javascript:;">单程</a></span>
							<input type="radio" checked name="qq" value="往返" style="accent-color:#ee3388" />
							<span style="font-weight: bold;color: #999;"><a href="javascript:;">往返</a></span>
					  </div>
			          <div style="margin-top: 16px;">
							<span style="font-size: 17px;color: #333;">出发城市</span> &nbsp;
							<input type="text" placeholder="请输入出发地" style="border: 1px solid black;
							 width: 250px; height: 40px;"/>
					  </div>
			          <div style="margin-top: 16px;">
			          		<span style="font-size: 17px;color: #333;">到达城市</span> &nbsp;
			          		<input type="text" placeholder="上海" style="border: 1px solid black;
			          		 width: 250px; height: 40px;"/>
			          </div>
					  <div style="margin-top: 16px;">
					  		<span style="font-size: 17px;color: #333;">出发日期</span> &nbsp;
					  		<input type="text" placeholder="2023-05-01" style="border: 1px solid black;
					  		 width: 250px; height: 40px;"/>
					  </div>
					  <div style="margin-top: 16px;">
					  		<span style="font-size: 17px;color: #999;">返回日期</span> &nbsp;
					  		<input class="alls" type="text" placeholder="2023-06-01" style="border: 1px solid #999;
					  		 width: 250px; height: 40px;"/>
					  </div>
			          <a href="javascript:;" style=" color: white;">
					  <div style="width: 250px;height: 40px;background-color: #ee3388; margin-top: 20px;
					  display: flex;justify-content: center;align-items: center;;
					  margin-left:80px ;">
						搜索
					  </div>
					  </a>
			        </div>
					
			        <div class="tab-pane" style="display: none;">
						<div style="margin-top: 20px;">
								<input class="alls" type="text" placeholder="从：请输入出发站" style="border: 1px solid #999;
								 width: 350px; height: 40px;"/>
						</div>
						<div style="margin-top: 20px;">
								<input class="alls" type="text" placeholder="到：请输入到达站" style="border: 1px solid #999;
								 width: 350px; height: 40px;"/>
						</div>
						<div style="margin-top: 20px;">
								<input class="alls" type="text" placeholder="出发：2023-05-03" style="border: 1px solid #999;
								 width: 350px; height: 40px;"/>
						</div>
						<div style="margin-top: 20px;display: flex;">
								<input type="checkbox" /><span style="font-size: 10px;color: #999;">只搜高铁/动车</span>
						</div>
						<a href="javascript:;" style=" color: white;">
						<div style="width: 300px;height: 40px;background-color: #ee3388; margin-top: 20px;
						display: flex;justify-content: center;align-items: center;;
						margin-left:20px ;">
									搜索
						</div>
						</a>
						<div style="margin-top: 20px;display: flex;">
								<span style="font-size: 10px;">
									<a href="javascript:;" style="color: #999;">出票状态查询</a> | 
									<a href="javascript:;" style="color: #999;">退票申请</a>
								</span>
						</div>
			        </div>
			      </div>
			  </div>
			  <div style="width: 1900px;height: 400px;padding: 10px;">
				  <img src="img/te3.png" style="height: 400px;"/>
			  </div>
			</div>
			
			<div class="jh">
				<div class="jh-box">
					<div class="jh-box-i">
						<img src="img/1.png"  style="width: 100px;"/>
					</div>
					<div class="jh-box-j">
						<h3 style="color: #333;text-align: center;">全天服务</h3>
						<p style="color: #666;text-align: center;">7X24小时可预订</p>
					</div>
				</div>
				<div class="jh-box">
					<div class="jh-box-i">
						<img src="img/2.png"  style="width: 100px;"/>
					</div>
					<div class="jh-box-j">
						<h3 style="color: #333;text-align: center;">全天服务</h3>
						<p style="color: #666;text-align: center;">7X24小时可预订</p>
					</div>
				</div>
				<div class="jh-box">
					<div class="jh-box-i">
						<img src="img/3.png"  style="width: 100px;"/>
					</div>
					<div class="jh-box-j">
						<h3 style="color: #333;text-align: center;">全天服务</h3>
						<p style="color: #666;text-align: center;">7X24小时可预订</p>
					</div>
				</div>
				<div class="jh-box" style="border-right: 0px solid white;">
					<div class="jh-box-i">
						<img src="img/4.png" style="width: 100px;"/>
					</div>
					<div class="jh-box-j">
						<h3 style="color: #333;text-align: center;">全天服务</h3>
						<p style="color: #666;text-align: center;">7X24小时可预订</p>
					</div>
				</div>
			</div>		
			
			<!-- 热门开始 -->
			<div class="trs">
				<div class="tr-one">
					<div class="tr-two">
						<div style="margin: 5px;font-size: 20px;color: #333;">热门线路推荐</div>
					</div>
					<div class="tr-three">
						<div class="tr-four">
							<div class="tr-five">
								<div style="display: flex;flex-direction: row;margin-top: 13px;justify-content: center;color: #999;">
									<p>上海</p>
									<img src="img/080-高铁%20动车.png"style="width: 30px;margin: 0 10px;"/>
									<p>武汉</p>
								</div>
								<div style="text-align: center;"><span style="color: #ff5100;font-size: 10px;">￥<span>
								<span style="color: #ff5100;font-size: 20px;">156.5</span><span style="color: #999;font-size: 10px;">起</span></div>
							</div>
							<div class="tr-five">
								<div style="display: flex;flex-direction: row;margin-top: 13px;justify-content: center;color: #999;">
									<p>郑州</p>
									<img src="img/080-高铁%20动车.png"style="width: 30px;margin: 0 10px;"/>
									<p>北京</p>
								</div>
								<div style="text-align: center;"><span style="color: #ff5100;font-size: 10px;">￥<span>
								<span style="color: #ff5100;font-size: 20px;">136.5</span><span style="color: #999;font-size: 10px;">起</span></div>
							</div>
							<div class="tr-five">
								<div style="display: flex;flex-direction: row;margin-top: 13px;justify-content: center;color: #999;">
									<p>上海</p>
									<img src="img/080-高铁%20动车.png"style="width: 30px;margin: 0 10px;"/>
									<p>广州</p>
								</div>
								<div style="text-align: center;"><span style="color: #ff5100;font-size: 10px;">￥<span>
								<span style="color: #ff5100;font-size: 20px;">241</span><span style="color: #999;font-size: 10px;">起</span></div>
							</div>
							<div class="tr-five">
								<div style="display: flex;flex-direction: row;margin-top: 13px;justify-content: center;color: #999;">
									<p>深圳</p>
									<img src="img/080-高铁%20动车.png"style="width: 30px;margin: 0 10px;"/>
									<p>北京</p>
								</div>
								<div style="text-align: center;"><span style="color: #ff5100;font-size: 10px;">￥<span>
								<span style="color: #ff5100;font-size: 20px;">318</span><span style="color: #999;font-size: 10px;">起</span></div>
							</div>
						</div>
						<div class="tr-four">
							<div class="tr-five">
								<div style="display: flex;flex-direction: row;margin-top: 13px;justify-content: center;color: #999;">
									<p>广州</p>
									<img src="img/080-高铁%20动车.png"style="width: 30px;margin: 0 10px;"/>
									<p>深圳</p>
								</div>
								<div style="text-align: center;"><span style="color: #ff5100;font-size: 10px;">￥<span>
								<span style="color: #ff5100;font-size: 20px;">178</span><span style="color: #999;font-size: 10px;">起</span></div>
							</div>
							<div class="tr-five">
								<div style="display: flex;flex-direction: row;margin-top: 13px;justify-content: center;color: #999;">
									<p>广东</p>
									<img src="img/080-高铁%20动车.png"style="width: 30px;margin: 0 10px;"/>
									<p>四川</p>
								</div>
								<div style="text-align: center;"><span style="color: #ff5100;font-size: 10px;">￥<span>
								<span style="color: #ff5100;font-size: 20px;">219.5</span><span style="color: #999;font-size: 10px;">起</span></div>
							</div>
							<div class="tr-five">
								<div style="display: flex;flex-direction: row;margin-top: 13px;justify-content: center;color: #999;">
									<p>贵州</p>
									<img src="img/080-高铁%20动车.png"style="width: 30px;margin: 0 10px;"/>
									<p>广西</p>
								</div>
								<div style="text-align: center;"><span style="color: #ff5100;font-size: 10px;">￥<span>
								<span style="color: #ff5100;font-size: 20px;">156.5</span><span style="color: #999;font-size: 10px;">起</span></div>
							</div>
							<div class="tr-five">
								<div style="display: flex;flex-direction: row;margin-top: 13px;justify-content: center;color: #999;">
									<p>沈阳</p>
									<img src="img/080-高铁%20动车.png"style="width: 30px;margin: 0 10px;"/>
									<p>北京</p>
								</div>
								<div style="text-align: center;"><span style="color: #ff5100;font-size: 10px;">￥<span>
								<span style="color: #ff5100;font-size: 20px;">98..5</span><span style="color: #999;font-size: 10px;">起</span></div>
							</div>
						</div>
						<div class="tr-four">
							<div class="tr-five">
								<div style="display: flex;flex-direction: row;margin-top: 13px;justify-content: center;color: #999;">
									<p>天津</p>
									<img src="img/080-高铁%20动车.png"style="width: 30px;margin: 0 10px;"/>
									<p>重庆</p>
								</div>
								<div style="text-align: center;"><span style="color: #ff5100;font-size: 10px;">￥<span>
								<span style="color: #ff5100;font-size: 20px;">167.5</span><span style="color: #999;font-size: 10px;">起</span></div>
							</div>
							<div class="tr-five">
								<div style="display: flex;flex-direction: row;margin-top: 13px;justify-content: center;color: #999;">
									<p>济南</p>
									<img src="img/080-高铁%20动车.png"style="width: 30px;margin: 0 10px;"/>
									<p>郑州</p>
								</div>
								<div style="text-align: center;"><span style="color: #ff5100;font-size: 10px;">￥<span>
								<span style="color: #ff5100;font-size: 20px;">214.5</span><span style="color: #999;font-size: 10px;">起</span></div>
							</div>
							<div class="tr-five">
								<div style="display: flex;flex-direction: row;margin-top: 13px;justify-content: center;color: #999;">
									<p>西宁</p>
									<img src="img/080-高铁%20动车.png"style="width: 30px;margin: 0 10px;"/>
									<p>石家庄</p>
								</div>
								<div style="text-align: center;"><span style="color: #ff5100;font-size: 10px;">￥<span>
								<span style="color: #ff5100;font-size: 20px;">312</span><span style="color: #999;font-size: 10px;">起</span></div>
							</div>
							<div class="tr-five">
								<div style="display: flex;flex-direction: row;margin-top: 13px;justify-content: center;color: #999;">
									<p>苏州</p>
									<img src="img/080-高铁%20动车.png"style="width: 30px;margin: 0 10px;"/>
									<p>北京</p>
								</div>
								<div style="text-align: center;"><span style="color: #ff5100;font-size: 10px;">￥<span>
								<span style="color: #ff5100;font-size: 20px;">400</span><span style="color: #999;font-size: 10px;">起</span></div>
							</div>
						</div>
						<div class="tr-four">
							<div class="tr-five">
								<div style="display: flex;flex-direction: row;margin-top: 13px;justify-content: center;color: #999;">
									<p>浙江</p>
									<img src="img/080-高铁%20动车.png"style="width: 30px;margin: 0 10px;"/>
									<p>贵阳</p>
								</div>
								<div style="text-align: center;"><span style="color: #ff5100;font-size: 10px;">￥<span>
								<span style="color: #ff5100;font-size: 20px;">271</span><span style="color: #999;font-size: 10px;">起</span></div>
							</div>
							<div class="tr-five">
								<div style="display: flex;flex-direction: row;margin-top: 13px;justify-content: center;color: #999;">
									<p>西藏</p>
									<img src="img/080-高铁%20动车.png"style="width: 30px;margin: 0 10px;"/>
									<p>青海</p>
								</div>
								<div style="text-align: center;"><span style="color: #ff5100;font-size: 10px;">￥<span>
								<span style="color: #ff5100;font-size: 20px;">323</span><span style="color: #999;font-size: 10px;">起</span></div>
							</div>
							<div class="tr-five">
								<div style="display: flex;flex-direction: row;margin-top: 13px;justify-content: center;color: #999;">
									<p>无锡</p>
									<img src="img/080-高铁%20动车.png"style="width: 30px;margin: 0 10px;"/>
									<p>宁波</p>
								</div>
								<div style="text-align: center;"><span style="color: #ff5100;font-size: 10px;">￥<span>
								<span style="color: #ff5100;font-size: 20px;">145.5</span><span style="color: #999;font-size: 10px;">起</span></div>
							</div>
							<div class="tr-five">
								<div style="display: flex;flex-direction: row;margin-top: 13px;justify-content: center;color: #999;">
									<p>长沙</p>
									<img src="img/080-高铁%20动车.png"style="width: 30px;margin: 0 10px;"/>
									<p>温州</p>
								</div>
								<div style="text-align: center;"><span style="color: #ff5100;font-size: 10px;">￥<span>
								<span style="color: #ff5100;font-size: 20px;">267.5</span><span style="color: #999;font-size: 10px;">起</span></div>
							</div>
							
						</div>
						
					</div>
				</div>
				<div class="trs-one">
					<div style="font-size: 14px;color: #333;margin-top: 10px; margin-bottom: 15px;">常用工具</div>
					<div style="width: 100%;height: 100px;display: flex;flex-direction: row;
					justify-content: space-between;">
						<div style="width: 48%;height: 100%;display: flex;align-items: center;
						justify-content: center;flex-direction: column;background: rgb(238,51,136,0.08);">
							<img src="./img/时刻%20(2).png" width="35px"style="color: #ee3388;"/>
							<p style="color: #333;font-size: 15px;margin-top: 5px;">火车时刻查询</p>
						</div>
						<div style="width: 48%;height: 100%;display: flex;align-items: center;
						justify-content: center;flex-direction: column;background: rgb(238,51,136,0.08);">
							<img src="./img/书%20(1).png" width="35px"style="color: #ee3388;"/>
							<p style="color: #333;font-size: 15px;margin-top: 5px;">代售点查询</p>
						</div>
					</div>
					<div style="width: 100%;height: 30px;border-bottom: 1px solid black;margin-top: 20px;
					display: flex;justify-content: space-between;font-size: 14px;color: #333;">常见问题 
					<span style="color: #999;font-size: 10px;">更多</span></div>
					<div style="margin-top: 10px;display: flex;flex-direction: row;margin-left: 10px;">
						<div style="width: 20px;height: 20px;border: 1px solid #ff5100;display: flex;
						justify-content: center;align-items: center;color: #ff5100;">Q</div>
						<span style="margin-left: 10px;margin-top: 1px;font-size: 14px;color: #333;">如何取票？</span>
					</div>
					<div style="width: 100%;height: 100px;background: rgb(225,81,0,0.1);padding: 10px;margin-top: 10px;
					display: flex;flex-direction: row;">
						<div  style="width: 20px;height: 20px;border: 1px solid #ff5100;display: flex;
						justify-content: center;align-items: center;color: #ff5100;">A</div>
						<div style="font-size: 13px;margin-left: 10px;width: 90%;">自取票代购成功后，
						需在发车前携带购票时所使用的有效身份证件原件和电子订单号到火车站或代售点取票(电子订单号会在购票成功后以短信的方式
						发送到订单中联系人的手机上)。当地火车站有自动取票机的话就可以...<a style="color: blue" href="javascript:;">详情</a></div>
					</div>
					<div style="margin-top: 10px;display: flex;flex-direction: row;margin-left: 10px;">
						<div style="width: 20px;height: 20px;border: 1px solid #ff5100;display: flex;
						justify-content: center;align-items: center;color: #ff5100;">Q</div>
						<span style="margin-left: 10px;margin-top: 1px;font-size: 14px;color: #333;">改签？</span>
					</div>
					<div style="margin-top: 10px;display: flex;flex-direction: row;margin-left: 10px;">
						<div style="width: 20px;height: 20px;border: 1px solid #ff5100;display: flex;
						justify-content: center;align-items: center;color: #ff5100;">Q</div>
						<span style="margin-left: 10px;margin-top: 1px;font-size: 14px;color: #333;">支付失败问题？</span>
					</div>
					<div style="margin-top: 10px;display: flex;flex-direction: row;margin-left: 10px;">
						<div style="width: 20px;height: 20px;border: 1px solid #ff5100;display: flex;
						justify-content: center;align-items: center;color: #ff5100;">Q</div>
						<span style="margin-left: 10px;margin-top: 1px;font-size: 14px;color: #333;">退票？</span>
					</div>
				</div>
			</div>
			
			<!-- 热门结束 -->
			
			<!-- 飞机开始 -->
			<div class="feiji">
				<div class="feiji-left">
				<div class="feiji-title">
					<div style="margin: 5px;font-size: 20px;color: #333;">热门线路推荐</div>
				</div>
				<div class="feiji-one">
					<div class="feiji-two">
						<div style="display: flex;flex-direction: row;margin-top: 13px;justify-content: center;color: #999;">
							<p>上海</p>
							<img src="img/080-高铁%20动车.png"style="width: 30px;margin: 0 10px;"/>
							<p>北京</p>
						</div>
						<div style="text-align: center;"><span style="color: #ff5100;font-size: 10px;">￥<span>
						<span style="color: #ff5100;font-size: 20px;">456</span><span style="color: #999;font-size: 10px;">起</span></div>
					</div>
					<div class="feiji-two">
						<div style="display: flex;flex-direction: row;margin-top: 13px;justify-content: center;color: #999;">
							<p>郑州</p>
							<img src="img/080-高铁%20动车.png"style="width: 30px;margin: 0 10px;"/>
							<p>北京</p>
						</div>
						<div style="text-align: center;"><span style="color: #ff5100;font-size: 10px;">￥<span>
						<span style="color: #ff5100;font-size: 20px;">389.5</span><span style="color: #999;font-size: 10px;">起</span></div>
					</div>
					<div class="feiji-two">
						<div style="display: flex;flex-direction: row;margin-top: 13px;justify-content: center;color: #999;">
							<p>深圳</p>
							<img src="img/080-高铁%20动车.png"style="width: 30px;margin: 0 10px;"/>
							<p>北京</p>
						</div>
						<div style="text-align: center;"><span style="color: #ff5100;font-size: 10px;">￥<span>
						<span style="color: #ff5100;font-size: 20px;">333</span><span style="color: #999;font-size: 10px;">起</span></div>
					</div>
					<div class="feiji-two">
						<div style="display: flex;flex-direction: row;margin-top: 13px;justify-content: center;color: #999;">
							<p>广州</p>
							<img src="img/080-高铁%20动车.png"style="width: 30px;margin: 0 10px;"/>
							<p>深圳</p>
						</div>
						<div style="text-align: center;"><span style="color: #ff5100;font-size: 10px;">￥<span>
						<span style="color: #ff5100;font-size: 20px;">487</span><span style="color: #999;font-size: 10px;">起</span></div>
					</div>
				</div>
				<div class="feiji-one">
					<div class="feiji-two">
						<div style="display: flex;flex-direction: row;margin-top: 13px;justify-content: center;color: #999;">
							<p>苏州</p>
							<img src="img/080-高铁%20动车.png"style="width: 30px;margin: 0 10px;"/>
							<p>济南</p>
						</div>
						<div style="text-align: center;"><span style="color: #ff5100;font-size: 10px;">￥<span>
						<span style="color: #ff5100;font-size: 20px;">512</span><span style="color: #999;font-size: 10px;">起</span></div>
					</div>
					<div class="feiji-two">
						<div style="display: flex;flex-direction: row;margin-top: 13px;justify-content: center;color: #999;">
							<p>长沙</p>
							<img src="img/080-高铁%20动车.png"style="width: 30px;margin: 0 10px;"/>
							<p>哈尔滨</p>
						</div>
						<div style="text-align: center;"><span style="color: #ff5100;font-size: 10px;">￥<span>
						<span style="color: #ff5100;font-size: 20px;">298</span><span style="color: #999;font-size: 10px;">起</span></div>
					</div>
					<div class="feiji-two">
						<div style="display: flex;flex-direction: row;margin-top: 13px;justify-content: center;color: #999;">
							<p>徐州</p>
							<img src="img/080-高铁%20动车.png"style="width: 30px;margin: 0 10px;"/>
							<p>贵阳</p>
						</div>
						<div style="text-align: center;"><span style="color: #ff5100;font-size: 10px;">￥<span>
						<span style="color: #ff5100;font-size: 20px;">415</span><span style="color: #999;font-size: 10px;">起</span></div>
					</div>
					<div class="feiji-two">
						<div style="display: flex;flex-direction: row;margin-top: 13px;justify-content: center;color: #999;">
							<p>长春</p>
							<img src="img/080-高铁%20动车.png"style="width: 30px;margin: 0 10px;"/>
							<p>烟台</p>
						</div>
						<div style="text-align: center;"><span style="color: #ff5100;font-size: 10px;">￥<span>
						<span style="color: #ff5100;font-size: 20px;">399</span><span style="color: #999;font-size: 10px;">起</span></div>
					</div>
				</div>
				<div class="feiji-one">
					<div class="feiji-two">
						<div style="display: flex;flex-direction: row;margin-top: 13px;justify-content: center;color: #999;">
							<p>成都</p>
							<img src="img/080-高铁%20动车.png"style="width: 30px;margin: 0 10px;"/>
							<p>大连</p>
						</div>
						<div style="text-align: center;"><span style="color: #ff5100;font-size: 10px;">￥<span>
						<span style="color: #ff5100;font-size: 20px;">419</span><span style="color: #999;font-size: 10px;">起</span></div>
					</div>
					<div class="feiji-two">
						<div style="display: flex;flex-direction: row;margin-top: 13px;justify-content: center;color: #999;">
							<p>唐山</p>
							<img src="img/080-高铁%20动车.png"style="width: 30px;margin: 0 10px;"/>
							<p>东莞</p>
						</div>
						<div style="text-align: center;"><span style="color: #ff5100;font-size: 10px;">￥<span>
						<span style="color: #ff5100;font-size: 20px;">681</span><span style="color: #999;font-size: 10px;">起</span></div>
					</div>
					<div class="feiji-two">
						<div style="display: flex;flex-direction: row;margin-top: 13px;justify-content: center;color: #999;">
							<p>石家庄</p>
							<img src="img/080-高铁%20动车.png"style="width: 30px;margin: 0 10px;"/>
							<p>常州</p>
						</div>
						<div style="text-align: center;"><span style="color: #ff5100;font-size: 10px;">￥<span>
						<span style="color: #ff5100;font-size: 20px;">613</span><span style="color: #999;font-size: 10px;">起</span></div>
					</div>
					<div class="feiji-two">
						<div style="display: flex;flex-direction: row;margin-top: 13px;justify-content: center;color: #999;">
							<p>绍兴</p>
							<img src="img/080-高铁%20动车.png"style="width: 30px;margin: 0 10px;"/>
							<p>大庆</p>
						</div>
						<div style="text-align: center;"><span style="color: #ff5100;font-size: 10px;">￥<span>
						<span style="color: #ff5100;font-size: 20px;">524</span><span style="color: #999;font-size: 10px;">起</span></div>
					</div>
				</div>
			</div>
			
			<div class="feiji-right">
				<div class="feiji-three">
					<h3>铁路新闻</h3>
					<p>更多</p>
				</div>
				<div class="feiji-four">
					<ul style="line-height: 34px;">
						<li style="display: flex;flex-direction: row;justify-content: space-between;font-size: 13px;color: #333;">
							<p><a href="javascript:;">中国铁路哈尔滨集团有限公司关于...</a></p>
							<a href="javascript:;">2023-04-04</a>
						</li>
						<li style="display: flex;flex-direction: row;justify-content: space-between;font-size: 13px;color: #333;">
							<p><a href="javascript:;">中国铁路广州局集团有限公司关于201...</a></p>
							<a href="javascript:;">2023-04-09</a>
						</li>
						<li style="display: flex;flex-direction: row;justify-content: space-between;font-size: 13px;color: #333;">
							<p><a href="javascript:;">中国铁路哈尔滨局集团有限公司关于...</a></p>
							<a href="javascript:;">2023-03-08</a>
						</li>
						<li style="display: flex;flex-direction: row;justify-content: space-between;font-size: 13px;color: #333;">
							<p><a href="javascript:;">中国铁路成都局集团有限公可天于...</p>
							<a href="javascript:;">2023-04-08
						</li>
						<li style="margin-left: -24px; display: flex;flex-direction: row;justify-content: space-between;font-size: 13px;color: #333;">
							<p><a href="javascript:;">中国铁路广州局集团有限公司关于201...</a></p>
							<a href="javascript:;">2023-04-12</a>
						</li>
						<li style=" display: flex;flex-direction: row;justify-content: space-between;font-size: 13px;color: #333;">
							<p><a href="javascript:;">中国铁路广州局集团有限公司关于201...</a></p>
							<a href="javascript:;">2023-04-20</a>
						</li>
						<li style="display: flex;flex-direction: row;justify-content: space-between;font-size: 13px;color: #333;">
							<p><a href="javascript:;">中国铁路南昌局集团有限公司关于201...</a></p>
							<a href="javascript:;">2023-03-14</a>
						</li>
						<li style="display: flex;flex-direction: row;justify-content: space-between;font-size: 13px;color: #333;">
							<p><a href="javascript:;">中国铁路哈尔滨集团有限公司关于...</a></p>
							<a href="javascript:;">2023-04-21</a>
						</li>
						<li style="display: flex;flex-direction: row;justify-content: space-between;font-size: 13px;color: #333;">
							<p><a href="javascript:;">中国铁路成都局集团有限公可天于...</a></p>
							<a href="javascript:;">2023-04-24</a>
						</li>
					</ul>
				</div>
			</div>
			
			</div>
			<!-- 飞机结束 -->
			<!-- 尾部开始 -->
			<div class="weibu">
				<div style="display: flex;flex-direction: row;padding: 20px;">
					<div style="width: 90px;height: 20px;font-size: 10px;color: #666;">热门导航</div>
					<div style="display: flex;flex-direction: row;margin-left: 50px;">
						<p class="weibu-o"><a href="javascript:;">火车票时刻查询</a></p>
						<p class="weibu-o"><a href="javascript:;">代售点查询</a></p>
						<p class="weibu-o"><a href="javascript:;">铁路咨询</a></p>
					</div>
				</div>
				<div style="display: flex;flex-direction: row;padding-left: 20px;">
					<div style="width: 90px;height: 20px;font-size: 10px;color: #666;"><a href="javascript:;">热门线路火车票</a></div>
					<div style="display: flex;flex-direction: column;margin-left: 50px;">
						<div style="display: flex;flex-direction: row;">
							<p class="weibu-o"><a href="javascript:;">上海到北京火车票<a></p>
							<p class="weibu-o"><a href="javascript:;">北京到上海火车票<a></p>
							<p class="weibu-o"><a href="javascript:;">广州到杭州火车票<a></p>
							<p class="weibu-o"><a href="javascript:;">成都到南京火车票<a></p>
							<p class="weibu-o"><a href="javascript:;">杭州到成都火车票<a></p>
							<p class="weibu-o"><a href="javascript:;">南京到武汉火车票<a></p>
							<p class="weibu-o"><a href="javascript:;">武汉到西安火车票<a></p>
							<p class="weibu-o"><a href="javascript:;">西安到苏州火车票<a></p>
						</div>
						<div style="display: flex;flex-direction: row;">
							<p class="weibu-o"><a href="javascript:;">苏州到重庆火车票</a></p>
							<p class="weibu-o"><a href="javascript:;">深圳到郑州火车票</a></p>
							<p class="weibu-o"><a href="javascript:;">天津到青岛火车票</a></p>
							<p class="weibu-o"><a href="javascript:;">沈阳到深圳火车票</a></p>
							<p class="weibu-o"><a href="javascript:;">哈尔滨到大连火车票</a></p>
							<p class="weibu-o"><a href="javascript:;">郑州到沈阳火车票</a></p>
							<p class="weibu-o"><a href="javascript:;">重庆到天津火车票</a></p>
							<p class="weibu-o"><a href="javascript:;">无锡到哈尔滨火车票</a></p>
						</div>
						<div style="display: flex;flex-direction: row;">
							<p class="weibu-o"><a href="javascript:;">济南到秦皇岛火车票</a></p>
							<p class="weibu-o"><a href="javascript:;">大连到长沙火车票</a></p>
						</div>
					</div>
				</div>
				<div style="display: flex;flex-direction: row;padding: 20px;">
					<div style="width: 90px;height: 20px;font-size: 10px;color: #666;"><a href="javascript:;">热门城市线路时刻表</a></div>
					<div style="display: flex;flex-direction: column;margin-left: 50px;">
						<div style="display: flex;flex-direction: row;">
							<p class="weibu-o"><a href="javascript:;">上海到北京火车票时刻表</a></p>
							<p class="weibu-o"><a href="javascript:;">北京到上海火车票时刻表</a></p>
							<p class="weibu-o"><a href="javascript:;">北京到上海火车票时刻表</a></p>
							<p class="weibu-o"><a href="javascript:;">成都到南京火车票时刻表</a></p>
							<p class="weibu-o"><a href="javascript:;">杭州到成都火车票时刻表</a></p>
							<p class="weibu-o"><a href="javascript:;">南京到武汉火车票时刻表</a></p>

						</div>
						<div style="display: flex;flex-direction: row;">
							<p class="weibu-o"><a href="javascript:;">苏州到重庆火车票时刻表</a></p>
							<p class="weibu-o"><a href="javascript:;">深圳到郑州火车票时刻表</a></p>
							<p class="weibu-o"><a href="javascript:;">天津到青岛火车票时刻表</a></p>
						</div>
					</div>
				</div>

				<div style="display: flex;flex-direction: row;padding-left: 20px;">
					<div style="width: 90px;height: 20px;font-size: 10px;color: #666;"><a href="javascript:;">热门城市线路时刻表</a></div>
					<div style="display: flex;flex-direction: column;margin-left: 50px;">
						<div style="display: flex;flex-direction: row;">
							<p class="weibu-o"><a href="javascript:;">北京火车票代售点</a></p>
							<p class="weibu-o"><a href="javascript:;">上海火车票代售点</a></p>
							<p class="weibu-o"><a href="javascript:;">广州火车票代售点</a></p>
							<p class="weibu-o"><a href="javascript:;">杭州火车票代售点</a></p>
							<p class="weibu-o"><a href="javascript:;">南京火车票代售点</a></p>
							<p class="weibu-o"><a href="javascript:;">深圳火车票代售点</a></p>
							<p class="weibu-o"><a href="javascript:;">珠海火车票代售点</a></p>
							<p class="weibu-o"><a href="javascript:;">无锡火车票代售点</a></p>
						</div>
						<div style="display: flex;flex-direction: row;">
							<p class="weibu-o"><a href="javascript:;">长沙火车票代售点</a></p>
							<p class="weibu-o"><a href="javascript:;">昆明火车票代售点</a></p>
						</div>
					</div>
				</div>
			</div>
			<!-- 尾部结束 -->
			</div>
			
			
			
			
			</div>
		
		
		
		
		
		
		
		
		
		<!-- 公共底部 -->
		<div class="xtx_footer clearfix">
		  <div class="wrapper">
		    <!-- 联系我们 -->
		    <div class="contact clearfix">
		      <dl>
		        <dt>客户服务</dt>
		        <dd class="chat">在线客服</dd>
		        <dd class="feedback">问题反馈</dd>
		      </dl>
		      <dl>
		        <dt>关注我们</dt>
		        <dd class="weixin">公众号</dd>
		        <dd class="weibo">微博</dd>
		      </dl>
		      <dl>
		        <dt>下载APP</dt>
		        <dd class="qrcode">
		          <img src="./img/qrcode.jpg">
		        </dd>
		        <dd class="download">
		          <span>扫描二维码</span>
		          <span>立马下载APP</span>
		          <a href="javascript:;">下载页面</a>
		        </dd>
		      </dl>
		      <dl>
		        <dt>服务热线</dt>
		        <dd class="hotline">
		          400-0000-000
		          <small>周一至周日 8:00-18:00</small>
		        </dd>
		      </dl>
		    </div>
		  </div>
		  <!-- 其它 -->
		  <div class="extra">
		    <div class="wrapper">
		      <!-- 口号 -->
		      <div class="slogan">
		        <a href="javascript:;" class="price">价格亲民</a>
		        <a href="javascript:;" class="express">物流快捷</a>
		        <a href="javascript:;" class="quality">品质新鲜</a>
		      </div>
		      <!-- 版权信息 -->
		      <div class="copyright">
		        <p>
		          <a href="javascript:;">关于我们</a>
		          <a href="javascript:;">帮助中心</a>
		          <a href="javascript:;">售后服务</a>
		          <a href="javascript:;">配送与验收</a>
		          <a href="javascript:;">商务合作</a>
		          <a href="javascript:;">搜索推荐</a>
		          <a href="javascript:;">友情链接</a>
		        </p>
		        <p>CopyRight &copy; 旅游网</p>
		      </div>
		    </div>
		  </div>
		</div>
		
		<script src="js/travel.js"></script>
	</body>
</html>
